<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用户中心</title>
<link href="/static/css/member.css" rel="stylesheet">
<link href="/static/css/upload.css" rel="stylesheet">
<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/member.js"></script>
<script type="text/javascript">
function setTab(name,cursel){
	cursel_0=cursel;
	for(var i=1; i<=links_len; i++){
		var menu = document.getElementById(name+i);
		var menudiv = document.getElementById("con_"+name+"_"+i);
		if(i==cursel){
			menu.className="off";
			menudiv.style.display="block";
		}
		else{
			menu.className="";
			menudiv.style.display="none";
		}
	}
}
function Next(){                                                        
	cursel_0++;
	if (cursel_0>links_len)cursel_0=1
	setTab(name_0,cursel_0);
} 
var name_0='one';
var cursel_0=1;
var links_len,iIntervalId;
onload=function(){
	var links = document.getElementById("tab1").getElementsByTagName('li')
	links_len=links.length;
	for(var i=0; i<links_len; i++){
		links[i].onmouseover=function(){
			clearInterval(iIntervalId);
			this.onmouseout=function(){
				iIntervalId = setInterval(Next,ScrollTime);;
			}
		}
	}
	document.getElementById("con_"+name_0+"_"+links_len).parentNode.onmouseover=function(){
		clearInterval(iIntervalId);
		this.onmouseout=function(){
			iIntervalId = setInterval(Next,ScrollTime);;
		}
	}
	setTab(name_0,cursel_0);
	iIntervalId = setInterval(Next,ScrollTime);
}
</script>
</head>

<body>
<div class="box">

	
	<div class="status-grid">
		<div class="status-grid-head"></div>
		<div class="status-people-pic">
			<img class="stat-people" src="/static/images/sss.jpg" title="people-name">
			<img class="people-avilabel" src="/static/images/avila.png" title="avilabel"> 
			<h2>{{User}}</h2>
			<span>超级头牌vip用户</span>
		</div>
		<div id="tab1" class="status-corrent">
			<ul>
				<li id="one1" onclick="setTab('one',1)"><a class="appont" href="#">个人资料</a></li>
				<li id="one2" onclick="setTab('one',2)"><a class="client" href="/online/upload/">上传数据</a></li>
				<li id="one3" onclick="setTab('one',3)"><a class="report" href="/online/example/">试用产品</a></li>
				<div class="clear"> </div>
			</ul>
		</div>
		<div class="clear"> </div>
	</div>

						
	<div id="con_one_1" class="Safety">
          <dl>
           <dt>
            <strong>登录密码：</strong>
            <span>{{Passwd}}</span>
            <em>修改</em>
           </dt>
           <dd>
           <form action="#" method="get">
            <table width="100%" class="safForm">
             <tr>
              <td width="35%" align="right">当前密码：</td>
              <td><input type="text" class="safinput1" /> <span style="display:none;">直接在input后加span没问题</span></td>
             </tr>
             <tr>
              <td width="35%" align="right">设置新密码：</td>
              <td><input type="text" class="safinput1" /></td>
             </tr>
             <tr>
              <td width="35%" align="right">确认新密码：</td>
              <td><input type="text" class="safinput1" /></td>
             </tr>
             <tr>
              <td width="35%" align="right">&nbsp;</td>
              <td><input type="submint" class="safSub" value="修改登录密码" /></td>
             </tr>
            </table>
           </form>
           </dd>
           
           <dt>
            <strong>用户名称：</strong>
            <span>{{User}}</span>
            <em>修改</em>
           </dt>
           <dd>
           <form action="#" method="get">
            <table width="100%" class="safForm">
             <tr>
              <td width="35%" align="right">设置交易密码：</td>
              <td><input type="text" class="safinput1" /></td>
             </tr>
             <tr>
              <td width="35%" align="right">确认交易密码：</td>
              <td><input type="text" class="safinput1" /></td>
             </tr>
             <tr>
              <td width="35%" align="right">&nbsp;</td>
              <td><input type="submint" class="safSub" value="修改登录密码" /></td>
             </tr>
            </table>
           </form>
           </dd>
           
           <dt>
            <strong>手机号码：</strong>
            <span>{{Phone}}</span>
            <em>修改</em>
           </dt>
           <dd>
           <ul class="Step">
            <li class="stepCur"><span>1</span></li>
            <li><span>2</span></li>
            <li><span>3</span></li>
            <div class="clearfix"></div>
           </ul><!--Step/-->
           <form action="#" method="get" class="sjyz-one">
            <table width="100%" class="safForm">
             <tr>
              <td width="35%" align="right">手机号：</td>
              <td><input type="text" class="safinput1" /></td>
             </tr>
             <tr>
              <td width="35%" align="right">验证码：</td>
              <td><input type="text" class="safinput2" /> <button>点击获取</button></td>
             </tr>
             <tr>
              <td width="35%" align="right">身份证号：</td>
              <td><input type="text" class="safinput1" /></td>
             </tr>
             <tr>
              <td width="35%" align="right">&nbsp;</td>
              <td><a class="safSub sjyz-one-next" href="javascript:;">下一步</a></td>
             </tr>
            </table>
           </form>
           <form action="#" method="get" class="sjyz-two">
            <table width="100%" class="safForm">
             <tr>
              <td width="35%" align="right">新手机号：</td>
              <td><input type="text" class="safinput1" /></td>
             </tr>
             <tr>
              <td width="35%" align="right">验证码：</td>
              <td><input type="text" class="safinput2" /> <button>点击获取</button></td>
             </tr>
             <tr>
              <td width="35%" align="right">身份证号：</td>
              <td><input type="text" class="safinput1" /></td>
             </tr>
             <tr>
              <td width="35%" align="right">&nbsp;</td>
              <td><a class="safSub sjyz-two-next" href="javascript:;">下一步</a></td>
             </tr>
            </table>
           </form>
           <div class="sjyz-ok"><span class="glyphicon glyphicon-ok"></span> 恭喜您,设置成功!</div>
           </dd>
           
           <dt>
            <strong>公司名称：</strong>
            <span>{{Company}}</span>
            <em>修改</em>
           </dt>
           <dd>
           <form action="#" method="get" enctype="multipart/form-data">
            <table width="100%" class="safForm">
             <tr>
              <td width="35%" align="right">用户名：</td>
              <td>asdsdfasdf</td>
             </tr>
             <tr>
              <td width="35%" align="right">真是姓名：</td>
              <td><input type="text" class="safinput1" /></td>
             </tr>
             <tr>
              <td width="35%" align="right">身份证号：</td>
              <td><input type="text" class="safinput1" /></td>
             </tr>
             <tr>
              <td width="35%" align="right">正面证件照</td>
              <td><input type="file" name="_f" /> </td>
             </tr>
             <tr>
              <td width="35%" align="right">&nbsp;</td>
              <td>
               <img src="images/shenfencard1.png" width="280" height="188" />
              </td>
             </tr>
             <tr>
              <td width="35%" align="right">背面证件照</td>
              <td><input type="file" name="_f" /> </td>
             </tr>
             <tr>
              <td width="35%" align="right">&nbsp;</td>
              <td>
               <img src="images/shenfencard2.png" width="280" height="188" />
              </td>
             </tr>
             <tr>
              <td width="35%" align="right">&nbsp;</td>
              <td><input type="submint" class="safSub" value="提交" /></td>
             </tr>
            </table>
           </form>
           </dd>
           
           <dt>
            <strong>电子邮箱：</strong>
            <span>{{Email}}</span>
            <em>认证</em>
           </dt>
           <dd>
           <ul class="Step">
            <li class="stepCur"><span>1</span></li>
            <li><span>2</span></li>
            <li><span>3</span></li>
            <div class="clearfix"></div>
           </ul><!--Step/-->
           <form action="#" method="get" class="sjyz-one">
            <table width="100%" class="safForm">
             <tr>
              <td width="35%" align="right">邮箱验证：</td>
              <td><input type="text" class="safinput1" /></td>
             </tr>
             <tr>
              <td width="35%" align="right">&nbsp;</td>
              <td><a class="safSub sjyz-one-next" href="javascript:;">下一步</a></td>
             </tr>
            </table>
           </form>
           <form action="#" method="get" class="sjyz-two">
            <table width="100%" class="safForm">
             <tr>
              <td width="35%" align="right">邮箱验证码：</td>
              <td><input type="text" class="safinput2" /></td>
             </tr>
             <tr>
              <td width="35%" align="right">&nbsp;</td>
              <td><a class="safSub sjyz-two-next" href="javascript:;">下一步</a></td>
             </tr>
            </table>
           </form>
           <div class="sjyz-ok"><span class="glyphicon glyphicon-ok"></span> 恭喜您,设置成功!</div>
           </dd>
           
          </dl>
       </div><!--Safety/-->
	   
	<!--div id="con_one_2" style="display:none;" class="upload">
		<form name id action class="Form">
			
			<br/>
			<div class="uploader red">
			<input type="text" class="filename" readonly="readonly"/>
			<input type="button" name="file" class="button" value="Browse..."/>
			<input type="file" size="30"/>
			</div>
			<br/>

			<textarea id="TextArea1" onkeyup="checkLength(this);" style="width:600px;height:84px"></textarea><br />
			<br />
			<a style="color:#fff;float:left;font-size:24px;" href="#" class="Button blueButton Button18">
			<strong>开始上传</strong></a> <span class="wordage">剩余字数：<span id="sy" style="color:Red;">70</span></span>
			
		</form>

		<script type="text/javascript">
			function checkLength(which) {
			var maxChars = 70; //
			if(which.value.length > maxChars){
				alert("您出入的字数超多限制!");
				// 超过限制的字数了就将 文本框中的内容按规定的字数 截取
				which.value = which.value.substring(0,maxChars);
				return false;
			}else{
				var curr = maxChars - which.value.length; //250 减去 当前输入的
				document.getElementById("sy").innerHTML = curr.toString();
				return true;
			}
		}

		$(function(){
			$("input[type=file]").change(function(){$(this).parents(".uploader").find(".filename").val($(this).val());});
			$("input[type=file]").each(function(){
			if($(this).val()==""){$(this).parents(".uploader").find(".filename").val("未选择文件...");}
			});
		});
		</script>	
	</div-->

	<div id="con_one_3" style="display:none;">
		<a href="#">
			<img src="images/product.png" height="420"/>
			<img src="images/W020140801503718293456.jpg" height="420"/>
		</a>
	</div>
</div>
</body>
</html>
